<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/9/10
  Time: 10:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <title>政府数据开放平台</title>
    <base href="<%=basePath%>">
    <jsp:include page="../../commons/include.jsp"/>


    <style>
        .list {

            width: 900px;
            margin: 20px auto 0 auto;
        }

        .list li, .list li > div {
            width: 220px;
            height: 176px;
            list-style: none;
            float: left;
            margin: 4px 0px 0px 4px;

            cursor: pointer

        }

        .list li > div div:last-of-type {
            font-size: 14px;
            font-weight: bold;
            margin: 140px 0 0 20px;

        }

        .list li > div div:last-of-type>span{
            background-color: rgb(30,48,60);
            color: #ffffff;;
            font-size: 16px;
            line-height: 40px;
        }


    </style>

    <script>
        $(document).ready(function () {

        });


    </script>
</head>
<body>
<div class="main">

    <c:set var="topMenu" value="resourceDirectory" scope="request"></c:set>
    <jsp:include page="../../commons/top.jsp"/>


    <div style="clear: both;">

        <div style="overflow-y: auto;border: 1px solid rgb(197,197,197);background-color: rgb(232,232,232);">
            <div style="background-color: rgb(232,232,232);">
                <ul style="list-style: none;">
                    <li href="/front/front/dataCatalogue/theme" style="width: 100px;;float: left;background-color: rgb(51,204,0);padding: 10px 0 10px 20px;color: #ffffff;font-size: 14px;font-weight: bold;">
                        主题
                    </li>
                    <li href="/front/front/dataCatalogue/org" style="width: 100px;float: left;font-size: 14px;font-weight: bold;padding: 10px 0 10px 20px;">
                        机构
                    </li>
                    <li></li>
                </ul>
            </div>


        </div>


        <div>
            <div style="clear: both; padding:16px 34px;">
                <a href="/" style="color: rgb(72,77,88);text-decoration: none;">首页</a> >
                <a href="/front/front/dataCatalogue/theme" style="color: rgb(72,77,88);text-decoration: none;">资源目录</a>
            </div>
            <ul class="list">
                <c:forEach items="${requestScope.result.list}" var="theme">
                    <li theme="${theme.id}"  href="/front/front/data/search?theme=${theme.id}">

                        <div style="background: url('${theme.image}') center no-repeat;;">
                            <div><span>${theme.name}</span></div>
                        </div>
                    </li>
                </c:forEach>


            </ul>
        </div>

    </div>
</div>

<jsp:include page="../../commons/buttom.jsp"></jsp:include>
</body>
</html>
